blockquote,
body,
button,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0
}

fieldset,
legend,
menu,
ol,
td,
th,
ul {
    padding: 0
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    font: .16rem/1.42857 sans-serif;
    word-wrap: break-word;
    color: #5e5063
}

menu,
ol,
ul {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

a {
    color: #5e5ce6
}

a,
a:active {
    text-decoration: underline
}

a:active {
    color: #3230df
}

hr {
    margin: .2rem 0;
    height: 0;
    border: none;
    border-top: .01rem solid #eee
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.text-indent {
    text-indent: 2em
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-justify {
    text-align: justify
}

.text-ellipsis {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-link {
    color: #5e5ce6
}

.text-muted {
    color: #5b5b5b
}

.show {
    display: block !important
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden !important
}

.vertical-top {
    vertical-align: top !important
}

.vertical-middle {
    vertical-align: middle !important
}

.vertical-bottom {
    vertical-align: bottom !important
}

.will-change-scroll {
    will-change: scroll-position
}

.will-change-transform {
    will-change: transform
}

.center-block {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.border-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.event-none {
    pointer-events: none
}

.table-fixed {
    table-layout: fixed
}

.margin-vertical {
    margin-top: .15rem;
    margin-bottom: .15rem
}

.margin-horizontal {
    margin-left: .15rem;
    margin-right: .15rem
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html.scroll-lock {
    height: 100%
}

html.scroll-lock #page,
html.scroll-lock body {
    height: 100%;
    overflow: hidden
}

button,
input {
    outline: none
}

.btn {
    display: inline-block;
    padding: .6em 1.7em;
    font-size: .16rem;
    text-decoration: none;
    border-radius: .1rem
}

.img-responsive {
    max-width: 100%;
    height: auto
}

.border-none {
    border: none
}

body>iframe {
    display: none !important
}

html {
    font-size: 27.77778vw
}

@media screen and (min-width:1024px) {
    html {
        font-size: 100Px
    }
}

.dialog-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.dialog-download {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 101;
    width: 3.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    border-radius: .2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .3rem .3rem
}

.dialog-download .header {
    position: relative;
    border-bottom: .01rem solid #eee
}

.dialog-download .header-title {
    font-size: .18rem;
    color: #666;
    text-align: center;
    height: .58rem;
    line-height: .58rem
}

.dialog-download .btn-close {
    position: absolute;
    right: 0;
    top: .14rem;
    width: .3rem;
    height: .3rem;
    border: none;
    padding: 0;
    margin: 0;
    background: url() 100% 50% no-repeat rgba(0, 0, 0, 0);
    background-size: .22rem .22rem;
    opacity: .3;
    cursor: pointer
}

.dialog-download .btn-close:active,
.dialog-download .btn-close:hover {
    opacity: .8
}

.dialog-download .platform-name {
    margin: .3rem 0 .15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dialog-download .platform-name .icon-android,
.dialog-download .platform-name .icon-ios {
    display: block;
    width: .18rem;
    height: .22rem;
    background: 50% 50% no-repeat;
    background-size: contain
}

.dialog-download .platform-name .icon-ios {
    background-image: url()
}

.dialog-download .platform-name .icon-android {
    background-image: url(../img/552e7fde1be0a31302ec468a3ca89a98.png)
}

.dialog-download .platform-name .text {
    margin-left: .1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #333
}

.dialog-download .platform-download {
    padding: .15rem
}

.dialog-download .platform-download .qrcode {
    margin: 0 auto;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border: none
}

.dialog-download .platform-download .figure-desc {
    margin-top: .1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    font-size: .14rem;
    color: #333;
    text-align: center
}

.dialog-download .platform-download .figure-desc strong {
    margin: 0 .05rem;
    color: #6150a0
}

.dialog-download .platform-download .figure-desc .remind {
    margin-top: .03rem;
    font-size: .12rem;
    color: #666
}

.dialog-download .platform-download .download-url {
    margin: .15rem auto 0;
    width: 1.6rem;
    font-size: .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dialog-module {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 101;
    width: 3.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    border-radius: .2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .3rem .3rem
}

.dialog-module .btn-close {
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: .3rem;
    height: .3rem;
    border: none;
    padding: 0;
    margin: 0;
    background: url() 100% 50% no-repeat rgba(0, 0, 0, 0);
    background-size: .22rem .22rem;
    opacity: .3;
    cursor: pointer
}

.dialog-module .btn-close:active,
.dialog-module .btn-close:hover {
    opacity: .8
}

.support-main {
    padding: .4rem 0 0
}

.support-main .title {
    margin-bottom: .15rem;
    font-size: .14rem;
    color: #333
}

.wx-remind {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.wx-remind .icon {
    position: absolute;
    top: .1rem;
    right: .2rem;
    width: .4rem;
    height: .54rem;
    background: 0 0/contain no-repeat url(../img/5f05754eed7e4371b6f6d1cda0e7bf40.png)
}

.wx-remind .tips {
    position: absolute;
    top: .7rem;
    right: .3rem;
    text-align: right;
    font-size: .16rem;
    color: #fff;
    font-weight: 700
}

.dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dialog-box .dialog-overlay {
    position: absolute;
    z-index: 1
}

.dialog-box .dialog-container {
    position: relative;
    z-index: 2;
    width: 3.3rem
}

.dialog-box .dialog-container-body {
    background-color: #fff;
    border-radius: .1rem
}

.dialog-box-absolute {
    position: absolute
}

.dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .39rem;
    position: relative;
    padding: 0 .15rem
}

.dialog-header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-top: 1px solid #ecebf0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.dialog-header .title {
    font-size: .14rem;
    color: #5e5063;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem
}

.dialog-header .btn-close {
    display: block;
    border: none;
    width: .2rem;
    height: .2rem;
    padding: 0;
    background: 50% 50% url() no-repeat rgba(0, 0, 0, 0);
    background-size: .14rem .14rem
}

.dialog-container-ios-certificate {
    height: 100%;
    padding: .3rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-container-ios-certificate .dialog-container-body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dialog-container-ios-certificate .dialog-footer,
.dialog-container-ios-certificate .dialog-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.dialog-container-ios-certificate .dialog-footer {
    position: relative;
    padding: .05rem 0
}

.dialog-container-ios-certificate .dialog-footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    border-top: 1px solid #ecebf0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.dialog-container-ios-certificate .ios-certificate-intro {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.dialog-container-ios-certificate .ios-certificate-intro-scroll {
    padding-top: .15rem;
    margin: 0 .15rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-container-ios-certificate .btn-play-video {
    margin: 0 auto;
    display: block;
    width: 1.44rem;
    height: .3rem;
    color: #fff;
    font-size: .14rem;
    background-color: #5e5ce6;
    border-radius: .2rem;
    border: none
}

.dialog-container-ios-certificate .btn-play-video:active {
    background-color: #8a88ed
}

.ios-certificate-intro {
    font-size: .14rem;
    color: #5e5063
}

.ios-certificate-intro p {
    margin: .15rem 0
}

.ios-certificate-intro p:first-child {
    margin-top: 0
}

.ios-certificate-intro p:last-child {
    margin-bottom: 0
}

.ios-certificate-intro div[class^=img] {
    margin: .15rem auto
}

.ios-certificate-intro .img1 {
    display: block;
    width: 2.4rem;
    height: 1.54rem;
    background-image: url(../img/18176db15af59c4f4c7f5dbb0f43298a.png);
    background-size: contain
}

html.webp .ios-certificate-intro .img1 {
    background-image: url(../img/3965273c032dbe19b825d6b71c6f4206.png) !important
}

.ios-certificate-intro .img2 {
    display: block;
    width: 2.4rem;
    height: 1.49rem;
    background-image: url(../img/e10a339fc9a8b21b6a4563cba1f8fe79.png);
    background-size: contain
}

html.webp .ios-certificate-intro .img2 {
    background-image: url(../img/74e29b45726b6e43752b57430c238cb0.png) !important
}

.ios-certificate-intro .img3 {
    display: block;
    width: 2.4rem;
    height: .85rem;
    background-image: url(../img/247579cc8debb8e5e40dfe9e12b63161.png);
    background-size: contain
}

html.webp .ios-certificate-intro .img3 {
    background-image: url(../img/9650d0b0b218fc870e0baf6122a2f76a.png) !important
}

.ios-certificate-intro .img4 {
    display: block;
    width: 2.4rem;
    height: 1.93rem;
    background-image: url(../img/305f3de83e070a23a2ff996dad09697d.png);
    background-size: contain
}

html.webp .ios-certificate-intro .img4 {
    background-image: url(../img/7137b6c68e1e38518ca809eb8e293129.png) !important
}

.ios-certificate-intro .img5 {
    display: block;
    width: 2.4rem;
    height: 2.13rem;
    background-image: url(../img/833d43d8c93446ef650514fc19aecfe0.png);
    background-size: contain
}

html.webp .ios-certificate-intro .img5 {
    background-image: url(../img/3444bf4d428492437ccb827270c6e0fb.png) !important
}

.ios-certificate-intro .img6 {
    display: block;
    width: 2.4rem;
    height: 1.58rem;
    background-image: url(../img/61dc79dd21fa59cf194817e0ab8514fd.png);
    background-size: contain
}

html.webp .ios-certificate-intro .img6 {
    background-image: url(../img/a96709e6d20d3ce5d1d7479f5b1fa5a9.png) !important
}

.ios-certificate-intro .video-wrap {
    position: relative;
    height: 0
}

.ios-certificate-intro .video {
    position: absolute;
    left: -99.99rem;
    top: -99.99rem;
    width: 100%;
    height: 100%
}

.ios-certificate-intro .video-show-wrap {
    height: 4rem
}

.ios-certificate-intro .video-show-wrap .video {
    left: 0;
    top: 0
}

.ios-download-body {
    padding: .12rem 0
}

.ios-download-options {
    margin: 0 .3rem;
    padding-bottom: .15rem
}

.ios-download-options .item {
    height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .15rem;
    background-color: #a186d9;
    border-radius: .05rem;
    text-decoration: none
}

.ios-download-options .item+.item {
    margin-top: .1rem
}

.ios-download-options .item-logo {
    border-radius: .05rem .05rem 0 0
}

.ios-download-options .item-speed {
    background-color: #40d4d2
}

.ios-download-options .icon-logo,
.ios-download-options .icon-speed {
    margin-right: .15rem;
    display: block;
    width: .2rem;
    height: .2rem;
    background: 0 0/contain no-repeat
}

.ios-download-options .icon-speed {
    background-image: url()
}

.ios-download-options .icon-logo {
    background-image: url()
}

.ios-download-options .name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0.1rem;
    flex: 1 1 0.1rem;
    font-size: .16rem;
    color: #fff
}

.ios-download-options .name small {
    font-weight: 300
}

.ios-download-options .icon-down {
    margin-right: .05rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: .16rem;
    height: .16rem;
    background: url() 0/contain no-repeat
}

.ios-download-options .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: .14rem;
    color: hsla(0, 0%, 100%, .8)
}

.ios-install-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .14rem;
    color: #f74d4d;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f1ecfa;
    border-radius: 0 0 .05rem .05rem
}

.ios-install-tips .content {
    padding: .03rem .1rem .03rem .28rem;
    background: url() .1rem 50%/.12rem .12rem no-repeat;
    font-size: .12rem;
    line-height: .16rem;
    color: #e86576
}

.ios-download-tips {
    margin: .1rem 0 .2rem;
    font-size: .12rem;
    color: #958a99;
    text-align: center
}

.top-notification {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: .1rem;
    background-color: #7d6db6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top-notification .main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    font-size: .13rem;
    color: #fff
}

.top-notification .btn-close {
    margin-left: .1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: .2rem;
    height: .2rem;
    padding: 0;
    background: 50% 50% url() no-repeat rgba(0, 0, 0, 0);
    background-size: .14rem .14rem;
    font-size: 0;
    line-height: 0;
    -webkit-filter: brightness(3);
    filter: brightness(3)
}

.top-notification .btn-close:active {
    opacity: .8
}

.download-vip-body {
    padding: .3rem
}

.download-vip-body .title {
    font-size: .14rem;
    color: #5e5063
}

.download-vip-body .handler {
    margin-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.download-vip-body .btn {
    text-decoration: none;
    padding: 0;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.25rem;
    height: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: .28rem;
    font-size: .14rem;
    color: #5e5063;
    text-align: center;
    border: .01rem solid #d6ced9;
    border-radius: .15rem
}

.download-vip-body .btn:active {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.download-vip-body .btn-download {
    background-color: #745ee0;
    color: #fff;
    border: none;
    line-height: .3rem
}

.download-vip-body .btn-download:active {
    background-color: #8673e4;
    text-decoration: none
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes pop {
    0% {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.pop-animation {
    -webkit-animation: pop .4s ease-out;
    animation: pop .4s ease-out
}

@-webkit-keyframes pop-bottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes pop-bottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.pop-bottom-animation {
    -webkit-animation: pop-bottom .3s ease-out;
    animation: pop-bottom .3s ease-out
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in-animation {
    -webkit-animation: fade-in .3s ease-in;
    animation: fade-in .3s ease-in
}

@media screen and (min-width:1024px) {

    .dialog-download,
    .dialog-module {
        width: 4rem
    }

    .top-notification {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .top-notification .main {
        text-align: center
    }

    .top-notification .btn-close:hover {
        opacity: .8
    }
}

.btn-default,
.btn-primary {
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    text-align: center;
    text-decoration: none;
    padding: 0 .2rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .02rem
}

.btn-default {
    border: .01rem solid #d6ced9;
    color: #5e5063;
    line-height: .28rem
}

.btn-default:active,
.btn-default:hover {
    background-color: #eee;
    color: #5e5063;
    text-decoration: none
}

.btn-primary {
    background-color: #745ee0;
    color: #fff
}

.btn-primary:active,
.btn-primary:hover {
    background-color: #9280e7;
    color: #fff;
    text-decoration: none
}

.pc-media {
    display: none
}

.page-header {
    height: .6rem
}

.page-header-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.page-header-fixed .container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .6rem;
    padding: 0 .1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-logo {


    width: 1.32rem;
    height: .4rem;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 45px;
    /* line-height: 0; */
    overflow: hidden;
    /* color: rgba(0, 0, 0, 0); */
    color: #000;
    text-decoration: none;
}

.btn-header-menu {
    display: block;
    width: .3rem;
    height: .3rem;
    border: none;
    background: url() 50% 50% no-repeat rgba(0, 0, 0, 0);
    background-size: .18rem .14rem
}

.btn-header-menu:active {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5)
}

.btn-header-menu-close {
    background-image: url();
    background-size: .14rem .14rem
}

.page-nav {
    position: fixed;
    left: 0;
    top: .6rem;
    z-index: 9;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    display: none
}

.page-nav-show {
    display: block
}

.page-nav-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff
}

.page-nav-list a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    font-size: .14rem;
    color: #5e5063;
    text-decoration: none;
    text-align: center
}

.page-nav-list a+a {
    border-top: .01rem solid #ecebf0
}

.page-nav-list a.active,
.page-nav-list a:active {
    text-decoration: none;
    color: #745ee0
}

.copyright {
    padding: .2rem;
    font-size: .12rem;
    color: #b0aab3;
    text-align: center
}

.copyright a {
    text-decoration: none
}

.copyright a,
.copyright a:active,
.copyright a:hover {
    color: #b0aab3
}

.copyright .btn-support {
    color: #745ee0;
    cursor: pointer;
    display: inline-block
}

.copyright .btn-support:active {
    text-decoration: underline
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagination li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .1rem
}

.pagination .current,
.pagination .link {
    display: block;
    padding: 0 .1rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: .3rem;
    text-align: center
}

.pagination .current {
    background-color: #745ee0;
    color: #fff;
    cursor: default
}

.pagination .link {
    border: .01rem solid #d6ced9;
    line-height: .28rem;
    color: #5e5063;
    text-decoration: none
}

.pagination .link:active,
.pagination .link:hover {
    background-color: #745ee0;
    color: #fff;
    border-color: #745ee0
}

@media screen and (min-width:1024px) {
    .pc-media {
        display: block
    }

    .mobile-media {
        display: none !important
    }

    .container-wrap {
        width: 9.6rem;
        margin: 0 auto
    }

    .page-header .container-wrap {
        padding: 0
    }

    .btn-header-menu {
        display: none
    }

    .header-pc-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header-pc-nav .btn {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header-pc-nav .btn-default {
        margin-left: .15rem
    }
}

.home-article {
    margin-top: .1rem
}

.home-section {
    background-color: #fff;
    margin-bottom: .1rem
}

.home-introduce {
    padding: .2rem
}

.home-introduce .slogan {
    font-size: .2rem;
    text-align: center;
    color: #6150a0
}

.home-introduce .explain {
    margin: .2rem 0;
    color: #958a99;
    font-size: .12rem;
    text-align: center;
    line-height: 1.8
}

.home-introduce .btn-download {
    margin: 0 auto;
    display: block;
    width: 2rem;
    height: .44rem;
    line-height: .44rem;
    border-radius: .22rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #745ee0
}

.home-introduce .btn-download:active {
    background-color: #9989e8
}

.home-introduce .phone-preview {
    margin: .2rem auto 0;
    width: 3.2rem;
    height: 2.61788rem;
    background: 0 0 no-repeat;
    background-image: url(../img/1c544b4335642b4e78c4bc75b7a116f7.png);
    background-size: cover
}

html.webp .home-introduce .phone-preview {
    background-image: url(../img/d83a26f04212ad4cba61b3ec31d32395.png) !important
}

.home-install-tips {
    margin-top: .2rem;
    text-align: center
}

.home-install-tips .container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fceff1;
    height: .22rem;
    border-radius: .11rem;
    font-size: .12rem;
    color: #e86576;
    padding: 0 .1rem
}

.home-install-tips .container:active {
    background-color: #f8dade
}

.home-install-tips .main {
    margin: 0 .1rem 0 .05rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem
}

.home-install-tips .icon-certificate {
    display: block;
    width: .12rem;
    height: .12rem;
    background: url();
    background-size: contain
}

.home-install-tips .icon-direction {
    display: block;
    width: .05rem;
    height: .08rem;
    background: url();
    background-size: contain
}

.home-article-module {
    padding: 0 .2rem .2rem;
}

.icon-faq,
.icon-news {
    display: inline-block;
    width: .14rem;
    height: .14rem;
    background: 0 0 no-repeat;
    background-size: contain
}

.icon-faq {
    background-image: url()
}

.icon-news {
    background-image: url()
}

.article-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 .2rem;
    padding: .2rem 0;
    border-bottom: .01rem solid #ecebf0
}

.article-tab>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    color: #5e5063;
    font-size: .14rem;
    text-align: center
}

.article-tab .active {
    color: #745ee0
}

.article-tab .active .icon-news {
    background-image: url()
}

.article-tab .active .icon-faq {
    background-image: url()
}

.article-tab .icon-faq,
.article-tab .icon-news {
    margin-right: .05rem;
    vertical-align: -.02rem
}

.article-panel {
    margin: .2rem 0 0
}

.article-panel .panel-item {
    display: none
}

.article-panel .panel-item.active {
    display: block
}

.home-content-list>li {
    margin-bottom: .1rem;
    background: url() 0 50% no-repeat;
    background-size: .08rem .1rem;
    padding-left: .13rem;
    line-height: 1.2
}

.home-content-list a {
    font-size: .13rem;
    color: #5e5063;
    text-decoration: none
}

.home-content-list a:active {
    color: #745ee0;
    text-decoration: underline
}

.article-content-more {
    text-align: center;
    padding-bottom: .2rem
}

.article-content-more a {
    font-size: .13rem;
    color: #745ee0;
    text-decoration: none
}

.article-content-more a:active,
.article-content-more a:hover {
    text-decoration: underline;
    color: #9989e8
}

.home-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem 0 .4rem .2rem;
    overflow: hidden
}

.home-feature-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.28rem;
    flex: 0 0 1.28rem;
    margin: .2rem .1rem 0 0
}

.home-feature-list>li+li {
    margin-top: .32rem
}

.home-feature-list>li.active .title {
    color: #745ee0
}

.home-feature-list>li.active .explain {
    display: block
}

.home-feature-list .title {
    font-size: .14rem
}

.home-feature-list .explain {
    display: none;
    margin-top: .05rem;
    font-size: .12rem;
    color: #958a99
}

.home-feature-interface {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    height: 3.2rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 80vw;
    perspective: 80vw
}

.home-feature-interface .interface {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 1.8rem;
    height: 3.2rem;
    -webkit-box-shadow: 0 .08rem .2rem 0 rgba(97, 80, 160, .4), 0 0 .05rem 0 rgba(97, 80, 160, .2);
    box-shadow: 0 .08rem .2rem 0 rgba(97, 80, 160, .4), 0 0 .05rem 0 rgba(97, 80, 160, .2);
    border-radius: .04rem;
    background-color: #fff;
    cursor: pointer
}

.home-feature-interface .interface.second-floor {
    -webkit-box-shadow: 0 .06rem .1rem 0 rgba(97, 80, 160, .2);
    box-shadow: 0 .06rem .1rem 0 rgba(97, 80, 160, .2)
}

.home-feature-interface .interface.third-floor {
    -webkit-box-shadow: none;
    box-shadow: none
}

.home-feature-interface .interface>.img {
    width: 100%;
    height: 100%;
    background: 0 0 no-repeat;
    background-size: contain;
    opacity: .5
}

.home-feature-interface .interface.active>.img {
    opacity: 1
}

.home-feature-interface .interface-01 .img {
    background-image: url(../img/fe61a2a19cee37877084877166be6923.png)
}

html.webp .home-feature-interface .interface-01 .img {
    background-image: url(../img/3e0247d97bbe7b092d35842b69ab22e3.png) !important
}

.home-feature-interface .interface-02 .img {
    background-image: url(../img/484a17a8e4e8261cab2e5448a881b1a6.png)
}

html.webp .home-feature-interface .interface-02 .img {
    background-image: url(../img/af2abfb581091653452c0dc7fcd1a4a1.png) !important
}

.home-feature-interface .interface-03 .img {
    background-image: url(../img/467faea5010723aa932379907d910da4.png)
}

html.webp .home-feature-interface .interface-03 .img {
    background-image: url(../img/e4f5a5c609116ac10317471a4258476b.png) !important
}

.home-feature-interface .interface-04 .img {
    background-image: url(../img/97dda201efc38580c5fed7447b80afcb.png)
}

html.webp .home-feature-interface .interface-04 .img {
    background-image: url(../img/8acc792b20b2dd22327a3d9b9bdff5ea.png) !important
}

.home-feature-interface .interface-05 .img {
    background-image: url(../img/a8dde82ba5f00493737d89cbbd0c052a.png)
}

html.webp .home-feature-interface .interface-05 .img {
    background-image: url(../img/a41321c9850d5043523468bf06483ae2.png) !important
}

.home-feature-interface .interface-06 .img {
    background-image: url(../img/99ed31a1a35fa650a5c4e5f843c0f77a.png)
}

html.webp .home-feature-interface .interface-06 .img {
    background-image: url(../img/ca6e02d72e7567ab06379b3e99ed4369.png) !important
}

.home-recharge {
    background-image: linear-gradient(-179deg, hsla(0, 0%, 100%, .5), rgba(255, 245, 231, .5))
}

.home-recharge-main {
    padding: .2rem 0
}

.home-recharge-main .title {
    font-size: .14rem;
    color: #d8b971;
    text-align: center
}

.home-recharge-main .aside {
    margin-top: .05rem;
    font-size: .12rem;
    color: #958a99;
    text-align: center
}

.home-recharge-main .btn-recharge {
    margin: .4rem auto 0;
    display: block;
    width: 1.8rem;
    height: .44rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eac991), to(#d7b870));
    background-image: linear-gradient(-180deg, #eac991, #d7b870);
    border-radius: .22rem;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    line-height: .44rem;
    text-decoration: none
}

.home-recharge-main .btn-recharge:active {
    opacity: .8
}

@media screen and (min-width:1024px) {
    a:hover {
        text-decoration: underline;
        color: #3230df
    }

    .home-content-list a:hover {
        color: #745ee0;
        text-decoration: underline
    }

    .home-article {
        margin-top: .2rem
    }

    .home-section {
        margin: 0 auto .2rem;
        width: 9.6rem;
        border-radius: .1rem
    }

    .home-section:last-child {
        margin-bottom: 0
    }

    .home-introduce {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        background: 100% 1.4rem no-repeat #fff;
        background-size: 3.04rem 2rem;
        background-image: url(../img/7ab669f4f8dba445d06a61cac959b2f2.png)
    }

    html.webp .home-introduce {
        background-image: url(../img/f2225825ecb46f99bea69eff357a9cc6.png) !important
    }

    .home-introduce .phone-preview {
        margin: 0 .5rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 3.58rem;
        height: 3.6rem
    }

    .home-introduce-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.8rem;
        flex: 0 0 3.8rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .home-introduce-main .slogan {
        padding-top: .2rem;
        text-align: left;
        white-space: pre-wrap;
        font-size: .28rem
    }

    .home-introduce-main .explain {
        margin: .15rem 0;
        text-align: left;
        color: #958a99
    }

    .home-introduce-main .download-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home-introduce-main .download-qrcode {
        width: 1.2rem
    }

    .home-introduce-main .download-qrcode img {
        display: block;
        width: 1.2rem;
        height: 1.2rem
    }

    .home-introduce-main .download-qrcode .title {
        margin-top: .05rem;
        font-size: .12rem;
        text-align: center;
        color: #958a99
    }

    .home-introduce-main .download-links {
        margin: .08rem 0 0 .2rem;
        width: 1.8rem
    }

    .home-introduce-main .download-links .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        background-color: #745ee0;
        height: .36rem;
        border-radius: .18rem;
        color: #fff
    }

    .home-introduce-main .download-links .item:hover {
        text-decoration: none;
        background-color: #8673e4
    }

    .home-introduce-main .download-links .item+.item {
        margin-top: .2rem
    }

    .home-introduce-main .download-links .text {
        font-size: .14rem
    }

    .home-introduce-main .download-links .icon-android,
    .home-introduce-main .download-links .icon-ios {
        margin: 0 .06rem 0 0;
        display: block;
        width: .22rem;
        height: .22rem;
        background: 50% 50%/contain no-repeat
    }

    .home-introduce-main .download-links .icon-ios {
        background-image: url()
    }

    .home-introduce-main .download-links .icon-android {
        background-image: url(../img/0a00ebc2241b9dcfb5faacd0cf3a1cf1.png)
    }

    .home-article-module {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .2rem .4rem
    }

    .article-panel {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .article-panel .panel-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        display: block
    }

    .article-panel .panel-item:first-child {
        /* border-right: .01rem solid #ecebf0; */
        /* margin-right: .4rem; */
        /* padding-right: .4rem */
    }

    .article-panel-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: .1rem
    }

    .article-panel-header .title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        font-size: .14rem
    }

    .article-panel-header .icon-faq,
    .article-panel-header .icon-news {
        margin-right: .05rem;
        vertical-align: -.02rem
    }

    .article-panel-header .more {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: .12rem;
        text-decoration: none
    }

    .article-panel-header .more:hover {
        text-decoration: underline
    }

    .home-feature {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .4rem .3rem;
        -ms-flex-pack: justify
    }

    .home-feature,
    .home-feature-list-pc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .home-feature-list-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.88rem;
        flex: 0 0 1.88rem;
        padding: .2rem 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify
    }

    .home-feature-list-pc.justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home-feature-list-pc.justify-start>li:last-child {
        margin-top: .58rem
    }

    .home-feature-list-pc>li {
        padding: .1rem .16rem;
        border-radius: .1rem;
        cursor: pointer
    }

    .home-feature-list-pc:nth-child(2) {
        text-align: right
    }

    .home-feature-list-pc .title {
        font-size: .16rem;
        font-weight: 700;
        color: #745ee0
    }

    .home-feature-list-pc .explain {
        margin-top: .05rem;
        font-size: .12rem;
        color: #958a99
    }

    .home-feature-list-pc li.active {
        background-color: #a894f2
    }

    .home-feature-list-pc li.active .explain,
    .home-feature-list-pc li.active .title {
        color: #fff
    }

    .home-feature-interface {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.24rem;
        flex: 0 0 2.24rem;
        height: 4rem
    }

    .home-feature-interface .interface {
        width: 2.24rem;
        height: 4rem;
        border-radius: .05rem;
        -webkit-box-shadow: 0 .1rem .4rem 0 rgba(97, 80, 160, .4), 0 0 .1rem 0 rgba(97, 80, 160, .2);
        box-shadow: 0 .1rem .4rem 0 rgba(97, 80, 160, .4), 0 0 .1rem 0 rgba(97, 80, 160, .2)
    }

    .home-feature-interface .interface.second-floor {
        -webkit-box-shadow: 0 .06rem .2rem 0 rgba(97, 80, 160, .2);
        box-shadow: 0 .06rem .2rem 0 rgba(97, 80, 160, .2)
    }

    .home-feature-interface .interface.third-floor {
        -webkit-box-shadow: 0 .02rem .1rem 0 rgba(97, 80, 160, .1);
        box-shadow: 0 .02rem .1rem 0 rgba(97, 80, 160, .1)
    }

    .home-recharge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .5)), to(rgba(255, 245, 231, .5)));
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5), rgba(255, 245, 231, .5))
    }

    .home-recharge .icon-recharge {
        margin-left: 2.32rem;
        display: block;
        width: 2rem;
        height: 2rem;
        background: 0 0 no-repeat url(../img/2b4f51d850c4a827111293363f165362.png);
        background-size: contain
    }

    .home-recharge-main {
        padding: .4rem 0;
        margin-left: 1rem
    }

    .home-recharge-main .aside,
    .home-recharge-main .title {
        text-align: left
    }

    .home-recharge-main .btn-recharge {
        margin-left: 0
    }
}

.contact-us {
    margin-top: .1rem;
    background-color: #fff;
    padding: .4rem
}

.contact-us h1 {
    font-size: .28rem;
    color: #6150a0
}

.contact-us h2 {
    margin-top: .4rem;
    font-size: .16rem;
    color: #5e5063
}

.contact-us .contact {
    margin-top: .1rem
}

.contact-us .contact a {
    color: #745ee0;
    text-decoration: none
}

.contact-us .icon-business,
.contact-us .icon-service {
    display: inline-block;
    vertical-align: -.02rem;
    margin-right: .1rem;
    width: .16rem;
    height: .16rem;
    background: 50% 50% no-repeat;
    background-size: contain
}

.contact-us .icon-business {
    background-image: url()
}

.contact-us .icon-service {
    background-image: url()
}

@media screen and (min-width:1024px) {
    .contact-us {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: .2rem auto 0;
        width: 9.6rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .1rem;
        background: 0 0 no-repeat;
        background-image: url(../img/c4111146efa4da3cbba1a3553ba410fe.png);
        background-size: cover
    }

    html.webp .contact-us {
        background-image: url(../img/40df550c5c5a60a136f8cd5d6f638bb7.png) !important
    }

    .contact-us-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: .6rem .8rem 1rem 0
    }
}

.article-content {
    margin-top: .1rem;
    padding: 0 .2rem .1rem;
    background-color: #fff
}

.article-title {
    padding: .2rem 0;
    font-size: .14rem;
    color: #5e5063;
    border-bottom: .01rem solid #ecebf0
}

.article-container {
    margin-top: .2rem;
    font-size: .14rem;
    color: #5e5063;
    line-height: 1.6
}

.article-container p {
    margin: .1rem 0
}

.article-container img {
    margin: .1rem auto;
    display: block;
    max-width: 100%;
    height: auto
}

.article-container figure {
    margin: .1rem 0
}

.article-container figure img:first-child {
    margin-top: .05rem
}

.article-container figcaption {
    font-weight: 700
}

.article-bottom-handle {
    margin-top: .2rem
}

@media screen and (min-width:1024px) {
    .article-content {
        margin: .2rem auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 9.6rem;
        background-color: rgba(0, 0, 0, 0)
    }

    .article-content,
    .pc-article-tab-nav {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pc-article-tab-nav {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.28rem;
        flex: 0 0 2.28rem;
        min-height: 5rem;
        background-color: #fff;
        border-radius: .1rem;
        padding: .2rem
    }

    .pc-article-tab-nav li {
        margin-bottom: .1rem
    }

    .pc-article-tab-nav .item {
        display: block;
        height: .42rem;
        font-size: .16rem;
        font-weight: 700;
        text-align: center;
        line-height: .42rem
    }

    .pc-article-tab-nav span.item {
        background-color: #a894f2;
        color: #fff;
        cursor: default;
        border-radius: .1rem
    }

    .pc-article-tab-nav a.item {
        color: #5e5063;
        text-decoration: none
    }

    .pc-article-tab-nav a.item:active,
    .pc-article-tab-nav a.item:hover {
        background-color: #a894f2;
        color: #fff;
        border-radius: .1rem
    }

    .pc-article-panel {
        margin-left: .2rem;
        padding: .2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        background-color: #fff;
        border-radius: .1rem
    }

    .pc-article-panel .panel-item:first-child {
        border: none;
        margin-right: 0;
        padding-right: 0
    }

    .pc-article-panel .home-content-list {
        margin-left: .2rem
    }

    .pc-article-panel .pagination {
        margin: .2rem 0 0 .2rem
    }

    .pc-article-panel-title {
        font-size: .24rem;
        font-weight: 700;
        border-bottom: .01rem solid #ecebf0;
        padding-bottom: .15rem;
        margin-bottom: .15rem
    }

    .pc-article-panel-title .icon-faq,
    .pc-article-panel-title .icon-news {
        -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        margin-right: .2rem
    }

    .article-content-main {
        margin-left: .2rem;
        padding: .2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        background-color: #fff;
        border-radius: .1rem
    }

    .article-content-main .article-title {
        padding-top: 0;
        font-size: .24rem
    }
}

.page-vip-download .vip-header {
    padding: .6rem 0 .56rem
}

.page-vip-download .vip-header .logo {
    margin: 0 auto;
    display: block;
    width: .64rem;
    height: .64rem;
    background: url(../img/5632e082c3a95becea808063a5dc81d9.png) no-repeat;
    background-size: cover
}

.page-vip-download .vip-header .title {
    margin-top: .12rem;
    font-size: .16rem;
    color: #5e5063;
    text-align: center
}

.page-vip-download .form-group {
    background-color: #fff
}

.page-vip-download .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-vip-download .form-item+.form-item {
    border-top: .01rem solid rgba(0, 0, 0, .06)
}

.page-vip-download .form-label {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 .2rem;
    font-size: .16rem;
    color: #958a99
}

.page-vip-download .form-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    padding: 0 .15rem 0 0
}

.page-vip-download .form-main>input {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .15rem 0;
    font-size: .14rem;
    color: #5e5063;
    border: none;
    margin: 0
}

.page-vip-download .form-main input::-webkit-input-placeholder {
    font-size: .14rem;
    color: #d6ced9
}

.page-vip-download .form-main input:-moz-placeholder,
.page-vip-download .form-main input::-moz-placeholder {
    font-size: .14rem;
    color: #d6ced9
}

.page-vip-download .form-main input:-ms-input-placeholder {
    font-size: .14rem;
    color: #d6ced9
}

.page-vip-download .form-handler {
    margin: .15rem 0
}

.page-vip-download .btn-submit {
    margin: 0 auto;
    display: block;
    width: 3.2rem;
    height: .44rem;
    line-height: .44rem;
    border: none
}

.page-vip-download .download-tips {
    margin-top: .2rem;
    text-align: center
}

.page-vip-download .download-tips a {
    font-size: .14rem;
    text-decoration: none
}

.vip-install-demo {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: .4rem;
    width: 100%;
    text-align: center
}

.vip-install-demo a {
    font-size: .14rem;
    text-decoration: none
}

.vip-download-dialog {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vip-download-dialog>.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.vip-download-dialog>.container {
    position: relative;
    width: 3.3rem;
    z-index: 1;
    background-color: #fff;
    border-radius: .1rem
}

.vip-download-dialog .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .01rem solid rgba(0, 0, 0, .2)
}

.vip-download-dialog .header .title {
    margin-left: .15rem;
    font-size: .14rem;
    color: #5e5063
}

.vip-download-dialog .header .btn-close {
    display: block;
    width: .4rem;
    height: .4rem;
    background: 50% 50% no-repeat url();
    background-size: .2rem .2rem
}

.vip-download-dialog .body {
    padding: .3rem 0
}

.vip-download-dialog .body .title {
    font-size: .14rem;
    color: #5e5063;
    text-align: center
}

.vip-download-dialog .body .link {
    margin: .35rem auto 0;
    display: block;
    width: 1.25rem;
    border-radius: .15rem
}

.vip-download-dialog .video-demo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.vip-download-dialog .video-demo .btn-close {
    position: absolute;
    top: .4rem;
    right: .1rem;
    z-index: 1;
    width: .3rem;
    height: .3rem;
    background: 50% 50% no-repeat url() #fff;
    -webkit-box-shadow: 0 0 .04rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .04rem rgba(0, 0, 0, .2);
    background-size: .2rem .2rem;
    border-radius: .05rem
}

.vip-download-dialog .video-demo .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

body {
    background-color: #f3f2f5
}

#page {
    position: relative
}